<html>
  <head>
    <meta charset="utf-8" />
    <title>Hitokoto</title>
    <script type="text/javascript" src="/js/jquery.js"></script>
    <script type="text/javascript" src="/js/pop.js"></script>
    <style type="text/css">
      body {background-image:url(/img/sky.jpg);
      background-position:center;
      text-shadow:#666666 0px 0px 20px;}
      
      table {width:650px;height:550px;border:0;}
      .title {font-size:40px;}
      .content {text-indent:2em;font-size:30px;}
      .source {font-size:20px;text-align:right}
      
      #btn {
      min-width:100px;
      font-size:20px;
      display:inline-block;
      cursor:pointer;
      text-align:center;
      padding:6px;
      border:solid 1px #ABC;
      border-radius:2px;
      }
    </style>
  </head>
  <body>
    <table>
      <tr>
	<td><h1 class="title">Hitokoto</h1></td>
      </tr>
      <tr>
	<td><div id="content">	    
	</div></td>
      </tr>
      <tr>
	<td><button id="btn">随机换一个！</button></td>
      </tr>
    </table>
  </body>
</html>
